<template>
  <el-breadcrumb separator="|">
    <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>留言管理</el-breadcrumb-item>
    <template v-if="operation == 'show'">
      <el-breadcrumb-item>分类列表</el-breadcrumb-item>
    </template>
    <template v-if="operation == 'add'">
      <el-breadcrumb-item>添加分类</el-breadcrumb-item>
    </template>
    <template v-if="operation == 'update'">
      <el-breadcrumb-item>修改分类</el-breadcrumb-item>
    </template>
    <template v-if="operation == 'delete'">
      <el-breadcrumb-item>删除分类</el-breadcrumb-item>
    </template>
  </el-breadcrumb>
</template>

<script>
export default {
  name: 'CategroyNav',
  props: {
    operation: {
      type: String,
      required: true
    }
  }
}
</script>

<style></style>
